body { font-family: 'Microsoft YaHei'; color: #565656; }
.clear { clear: both; }
ul, li { list-style-type: none; padding: 0px; margin: 0px; }

.h10 { clear: both; height: 10px; }
.h20 { clear: both; height: 20px; }
.h30 { clear: both; height: 30px; }
.h40 { clear: both; height: 40px; }
.h50 { clear: both; height: 50px; }

.left { float: left; }
.right { float: right; }
.pager { margin: 0px; }

a { text-decoration: none; color: #333; }
    a:hover, a:active { text-decoration: none; color: #d71518; }
    a.btn { margin: 5px; padding: 6px 18px; line-height: 24px; display: inline-block; border: 1px solid #ccc; border-radius: 3px; }
    a.more { font-size: 12px; }



h1 { color: #333; font-size: 24px; margin-top: 0px; }
h3 { color: #333; font-size: 20px; position: relative; }
    h3 a.more { position: absolute; top: 0px; right: 0px; line-height: 24px; background: url(../images/icon/icon_more.png) right center no-repeat; display: inline-block; border: 1px solid #9c9c9c; padding: 0 20px 0 10px; color: #333; }
    h3.title { border-bottom: 1px solid #cbcbcb; padding: 0 0 15px 0; margin-bottom: 18px; margin-top: 0px; }
        h3.title span { font-size: 15px; padding: 0px 15px; }

a.more1 { background: url(../images/icon/icon_more1.png) 95% center no-repeat; display: inline-block; }
a.more2 { background: url(../images/icon/icon_more2.png) 95% center no-repeat; display: inline-block; }
a.more3 { background: url(../images/icon/icon_more3.png) 95% center no-repeat; display: inline-block; }
a.more4 { background: url(../images/icon/icon_more4.png) 95% center no-repeat; display: inline-block; }
a.more4 { margin: 30px auto 0 auto; padding: 5px 30px 5px 10px; color: #d71518; font-size: 20px; line-height: 20px; text-align: center; }

em.tel { font-family: Arial, Helvetica, sans-serif; }
em.date { font-family: Arial, Helvetica, sans-serif; }

/* 常用区块 **********************/

div.box { border: 1px solid #ccc; border-radius: 5px; }
    div.box .title { margin: 0px 10px; padding: 0px; height: auto; line-height: 44px; position: relative; background: none; border-bottom: 1px solid #ccc; border-top-left-radius: 5px; border-top-right-radius: 5px; }
        div.box .title:after { content: ""; border-bottom: 1px solid #034070; width: 100px; display: block; position: absolute; bottom: 0; left: 0; }
        div.box .title span { color: #034070; font-size: 17px; display: inline-block; margin: 0 10px; }
        div.box .title a.more { position: absolute; top: 5px; right: 5px; }
    div.box .main { padding: 10px; }
        div.box .main li { }
            div.box .main li a { display: block; line-height: 30px; color: #666; font-size: 15px; padding: 3px 10px; border-bottom: 1px dashed #ccc; }
            div.box .main li .item { margin: 0; padding: 0; border: 1px solid #ccc; border-radius: 5px; }
                div.box .main li .item .pic { margin: 10px; }
                    div.box .main li .item .pic img { display: block; margin: 0 auto; width: 100%; }
                div.box .main li .item h3 { margin: 6px auto; }
                div.box .main li .item .intro { line-height: 20px; font-size: 13px; margin: 0; display: none; }
                    div.box .main li .item .intro p { line-height: 20px; font-size: 13px; margin: 0; }
                div.box .main li .item div.more { display: none; }

.side div.box { border: 1px solid #ccc; border-radius: 3px; }
    .side div.box .main li { }
        .side div.box .main li a { display: block; line-height: 24px; padding: 3px 10px; border-bottom: 1px dashed #ccc; }

.side div.master { background: #022e51; border: 1px solid #022e51; border-radius: 5px; }
    .side div.master .title { height: auto; border: none; }
        .side div.master .title span { color: #fff; font-size: 17px; }
    .side div.master .main { background: #034070; padding: 10px; }
        .side div.master .main li { margin: 5px; }
            .side div.master .main li a { display: block; line-height: 36px; background: #022e51; border: none; border-radius: 5px; color: #fff; font-size: 15px; padding: 4px 15px; }
                .side div.master .main li a:hover { background: #ec0c0c; border: none; border-radius: 5px; }
            .side div.master .main li li { padding-left: 25px; }
                .side div.master .main li li a { background: none; border-bottom: 1px dashed #ccc; border-radius: 0; }
                    .side div.master .main li li a:hover { background: none; border-bottom: 1px dashed #ccc; color: #ec0c0c; }
                .side div.master .main li li:last-child a { border: none; }

.side div.contact h3 { font-size: 18px; }

div.more1 { text-align: center; }
    div.more1 a.more1 { margin: 30px auto 15px auto; padding: 10px 30px 10px 10px; color: #d71518; font-size: 20px; line-height: 20px; text-align: center; }
div.more3 { text-align: center; }
    div.more3 a.more3 { margin: 30px auto 15px auto; padding: 5px 30px 5px 10px; color: #808080; border: 1px solid #808080; font-size: 15px; line-height: 20px; text-align: center; }

div.page { padding-bottom: 30px; }
    div.page li { float: left; width: 33.33%; text-align: center; }
    div.page a { display: inline-block; }
    div.page a { margin: 30px auto 0 auto; padding: 8px 15px; border: 1px solid #db1517; color: #db1517; font-size: 20px; line-height: 20px; text-align: center; }
        div.page a:hover { background: #db1517; color: #fff; }



/* 常用区块效果 **********************/
.boxPhoto li { opacity: 1; }
    .boxPhoto li img { width: 100%; }
    .boxPhoto li .item { position: relative; height: 100%; border: 1px solid #ccc; }
    .boxPhoto li .intro { position: absolute; top: 0px; left: 0px; background: rgba(215, 21, 24, 0.80); width: 100%; height: 100%; padding: 15px; display: none; }
        .boxPhoto li .intro .m { position: relative; width: 100%; height: 100%; }
            .boxPhoto li .intro .m .m1 { font-size: 16px; line-height: 22px; color: #fff; position: absolute; top: 0px; left: 0px; }
            .boxPhoto li .intro .m .m2 { font-size: 12px; line-height: 22px; color: #fff; position: absolute; bottom: 0px; left: 0px; }
    .boxPhoto li a:hover .intro { display: block; }
    .boxPhoto li.no a:hover .intro { display: none; }

/* 常用区块效果 **********************/
#divCompanyInfo { }
    #divCompanyInfo img { width: 100%; background: #ccc; }
    #divCompanyInfo .intro { text-indent: 2em; line-height: 22px; font-size: 13px; }
#divCompanyPhoto { }
    #divCompanyPhoto li { width: 50%; float: left; border: none; }
        #divCompanyPhoto li img { width: 100%; }

div.kf { background: #999; margin-top: 220px; z-index: 99999; }
    div.kf li { position: relative; }
        div.kf li a:hover { background: #d71518; display: block; }
        div.kf li div { position: absolute; top: 0px; right: 60px; white-space: nowrap; padding: 5px 15px; background: #fff; line-height: 50px; border: 1px solid #ccc; }

div.kf_phone { display: none; }


/*头部和底部*/
div.header { width: 100%; height: 211px; top: 0px; left: 0px; z-index: 999; }
    div.header .topRow { border-top: 6px solid #37383b; background: #c4c4c4; padding: 3px 6px; }
    div.header .navbar { display: none; }
    div.header div.top div.tel { background: url(../images/Default_images/icon_tel.png) left center no-repeat; height: 55px; padding-left: 60px; }
    div.header div.top span.tel { font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-size: 30px; line-height: 55px; }
    div.header div.top { background: #fff; position: relative; }
        div.header div.top div.title { padding: 0px 25px; }
            div.header div.top div.title h3 { color: #cc0000; font-size: 24px; line-height: 30px; margin: 0px; }
            div.header div.top div.title p { color: #666; font-size: 14px; line-height: 20px; margin: 0px; }
        div.header div.top div.right { padding: 20px 0; }

    div.header .m-logo { display: none; }
    div.header .m-navbar { display: none; }
    div.header .m-search { display: none; }

    div.header div.nav { line-height: 52px; height: 52px; background: #022e51; color: #fff; font-size: 16px; }
        div.header div.nav .menu ul { float: left; padding: 0px; margin: 0px; }
        div.header div.nav .menu li abbr { display: none; }
        div.header div.nav .menu li a { font-size: 16px; display: block; background: #022e51; color: #fff; line-height: 52px; padding: 0px 24px; margin: 0px; text-align: center; white-space: nowrap; }
        div.header div.nav .menu li.nav_li { float: left; position: relative; z-index: 99999; }
            div.header div.nav .menu li.nav_li.selected a { background: #ec0c0c; }
            div.header div.nav .menu li.nav_li a:hover { background: #ec0c0c; }
            div.header div.nav .menu li.nav_li ul { display: none; position: absolute; left: 0px; top: 52px; }
            div.header div.nav .menu li.nav_li li a { text-align: left; }
        div.header div.nav .tel { font-size: 16px; }
            div.header div.nav .tel span { color: #666; }

    div.header .keyword { background: #c4c4c4; padding: 6px 0; }

    div.header.active { position: fixed; top: 0px; left: 0px; height: auto; }
        div.header.active div.topRow { display: none; }
        div.header.active div.top { display: none; }
        div.header.active div.keyword { display: none; }


div.footer { background: #333; color: #fff; border-top: 2px solid #d71518; margin-top: 30px; }
    div.footer .tools { padding: 15px 0; display: none; }
    div.footer .search { text-align: right; }
        div.footer .search input { line-height: 30px; padding: 5px; border: 1px solid #ccc; font-size: 15px; width: 320px; color: #666; }
        div.footer .search a { line-height: 30px; padding: 5px 20px; border: 1px solid #ccc; font-size: 15px; display: inline-block; background: #d71518; color: #fff; }

    div.footer .aboutus { }
        div.footer .aboutus a.more { color: #fff; border: none; }
        div.footer .aboutus h3 { color: #d71518; font-size: 18px; }
        div.footer .aboutus li { position: relative; }
            div.footer .aboutus li a { line-height: 24px; font-size: 15px; color: #fff; }
            div.footer .aboutus li .date { position: absolute; top: 0px; right: 10px; line-height: 24px; font-size: 15px; color: #fff; }
        div.footer .aboutus img { display: block; width: 80%; margin: 20px auto 10px auto; }
        div.footer .aboutus p { text-align: center; width: 80%; margin: 0px auto; background: #d71518; color: #fff; }
    div.footer #flink { line-height: 22px; color: #fff; margin: 15px 0; padding: 10px; background: #505050; }
        div.footer #flink .container { position: relative; padding-left: 75px; }
        div.footer #flink span { position: absolute; top: 0px; left: 0px; }
        div.footer #flink a { color: #fff; }
    div.footer .nav_area a { margin: 0 3px; }
    div.footer #copyright { line-height: 22px; color: #fff; text-align: center; }
        div.footer #copyright p { margin: 0px; }
        div.footer #copyright a { color: #fff; }

@media (max-width: 768px) {

    body { overflow-x: hidden; padding: 0 0 50px 0; margin: 0px; }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding: 0px; }
    .container { padding: 0px; }
    .row { margin: 0; }

    .flex-control-nav { display: none; }
    div.box .main { padding: 6px; }

    div.header { position: relative; height: auto; }
        div.header .keyword { display: none; }
        div.header .topRow { display: none; }
        div.header .top { display: none; }
        div.header div.nav { height: 52px; }
            div.header div.nav .tel { display: none; }
            div.header div.nav .menu { display: none; position: absolute; top: 50px; right: 0px; margin: 0; background: #000; z-index: 2000; }
                div.header div.nav .menu li.liHome { display: block; }
                div.header div.nav .menu li { display: block; width: 100%; border-bottom: 1px solid #333; }
                    div.header div.nav .menu li a { text-align: left; padding: 0 0 0 30px; font-size: 14px; line-height: 44px; }
                    div.header div.nav .menu li.nav_li ul { position: static; float: left; width: 100%; display: block; }
                        div.header div.nav .menu li.nav_li ul li { width: 33.33%; float: left; }
                            div.header div.nav .menu li.nav_li ul li a { background: #666; line-height: 24px; }

        div.header .m-logo { display: block; float: left; height: 52px; position: relative; }
            div.header .m-logo img { background: #fff; height: 52px; padding: 0 6px; display: block; }
            div.header .m-logo a.barsService { background: #e60012; width: 100%; height: 30px; text-align: center; position: absolute; left: 0px; bottom: -30px; display: none; }
            div.header .m-logo i { display: block; font-size: 1.8em; line-height: 30px; color: #fff; }
        div.header .m-search { position: absolute; top: 52px; right: 0px; background: #fff; height: 50px; padding: 0px 8px; }
            div.header .m-search input { border: 0px; border-bottom: 1px solid #333; line-height: 29px; width: 100%; padding: 0 40px 0 0; }
            div.header .m-search i { position: absolute; top: 10px; right: 10px; font-size: 1.4em; line-height: 30px; color: #333; }
        div.header .m-navbar { display: block; float: right; padding: 0px; height: 52px; }
            div.header .m-navbar a { height: 50px; width: 60px; display: inline-block; border-left: 1px solid #333; text-align: center; }
            div.header .m-navbar i { font-size: 1.6em; line-height: 50px; color: #fff; }


    div.footer .tools { display: none; }
    div.footer .aboutus { display: none; }
    div.footer #flink { display: none; }
    div.footer #copyright .nav { display: none; }
    div.footer #copyright span { display: none; }

    div.kf { display: none; }
    div.kf_phone { position: fixed; left: 0px; bottom: 0px; width: 100%; display: block; z-index: 9999; border-right: 1px solid #666; }
        div.kf_phone .bg { position: relative; }
        div.kf_phone .menu1 { display: none; position: absolute; bottom: 0px; right: 0px; margin: 0 0 0 115px; background: #000; width: 100%; }
            div.kf_phone .menu1 li.liHome { display: block; }
            div.kf_phone .menu1 li { display: block; width: 100%; border-bottom: 1px solid #333; }
                div.kf_phone .menu1 li a { font-size: 16px; display: block; color: #fff; line-height: 52px; padding: 0 0 0 30px; margin: 0px; text-align: left; }
        div.kf_phone .menu2 li { width: 25%; float: left; border-right: 1px solid #ccc; }
            div.kf_phone .menu2 li a { background: #D71518; line-height: 20px; padding: 6px 0; font-size: 14px; line-height: 18px; color: #fff; font-weight: bold; text-align: center; display: block; }
            div.kf_phone .menu2 li:last-child { border: none; }
}


.animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_030s { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_050s { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_075s { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_100s { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_150s { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_200s { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_300s { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_500s { -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_1s { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_5s { -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.css3-t-scale { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
.css3-ease-in-out { -webkit-transition: all .8s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

@-webkit-keyframes t_ScaleInOut {
    0% { transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-backface-visibility: hidden; }
    100% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-backface-visibility: hidden; }
}

@keyframes t_ScaleInOut {
    0% { transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-backface-visibility: hidden; }
    100% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-backface-visibility: hidden; }
}

.t_ScaleInOut { -webkit-animation-name: t_ScaleInOut; animation-name: t_ScaleInOut; }


@-webkit-keyframes t_InUp {
    0% { opacity: 1; -webkit-transform: translateY(50px); transform: translateY(50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes t_InUp {
    0% { opacity: 1; -webkit-transform: translateY(50px); transform: translateY(50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

.t_InUp { -webkit-animation-name: t_InUp; animation-name: t_InUp; }